/**
 * Created by Administrator on 2017\9\19 0019.
 * 机构信息（用户界面）
 */
import React from 'react';
import template from './../../commonui/template';
import { Link } from 'react-router-dom';
import {Form,Icon,Input,Button,CheckBox,Row,Col} from 'antd';
import  './../../css/User/Institution.css';
const FormItem = Form.Item;

class Institution extends React.Component{
    constructor(props){
        super(props);
        this.state={
            info:{
                Name:this.props.info.Name,
                Address:this.props.info.Address,
                Phone:this.props.info.Phone,
                WorkTime:this.props.info.WorkTime,
                Poster:this.props.info.Poster
            }
        }
    }
    render() {
        return(
             <div className="Instituion">
                <Row>
                    <Col span={8}>
                        <img src="" alt="Institution Poster"/>
                    </Col>
                    <Col span={10}>
                        <div>
                            <p>{this.state.info.Name}</p>
                            <p>{this.state.info.Address}</p>
                            <p>{this.state.info.Phone}</p>
                            <p>{this.state.info.WorkTime}</p>
                        </div>
                    </Col>
                    <Col span={6}>
                        <Button className="rgstbtn">
                            <Link to={{pathname:"/UsrRerv",info:this.state.info}}>Reservation Detail</Link>
                        </Button>
                    </Col>
                </Row>
            </div>
        )
    }
}

export default template({
    id: 'UsrInstitution',
    component: Institution
});

